<!DOCTYPE html>
<html lang="es">
<head>
	<link rel="Shortcut Icon" type="image/x-icon" href="icono.png" />
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width; initial-scale=1.0">
	<title>Cara Limpia</title>

	<!-- css -->
	<link href="style.css" rel="stylesheet" type="text/css">
	<link href="ceGrid.css" rel="stylesheet" type="text/css">

</head>

<body>

	<div id="pagewrap">

		<header id="header">

			<hgroup>
				<a href="index1.php"><img src="logo.png" id="logo" alt="logo"></a>
				<!--<h1 id="site-description">Responsive Design con CSS3 Media Queries</h1>-->
			</hgroup>

			<nav>
				<ul id="main-nav" class="clearfix">
					<li><a href="index1.php">Inicio</a></li>
					<li><a href="acercade.php">Acerca de Nosotros</a></li>
					<li><a href="citas.php">Reservar</a></li>
					<li><a href="empleados.php">Empleados</a></li>
					<li><a href="clientes.php">Clientes</a></li>
					<li><a href="lista_citas.php">Citas</a></li>
				</ul>
				<!-- nav --> 
			</nav>

			<?php
			include 'conexion.php';

			if($_SESSION['signed_in'] == false )
			{
				echo '<form id="searchform">
				<a href="registrar.php">Registrarse</a> /
				<a href="login.php">Iniciar Sesión </a>
				</form>';
			}
			else
			{
				echo 'Bienvenido <b>' . htmlentities($_SESSION['usuario_nombre']) . '</b>';
				echo '<form id="searchform">
				<a href="cerrar.php">Cerrar Sesión </a>
				</form>';
			}
			?>

		</header>
		<!-- /#header -->
		
		<div id="content">

			<article class="post clearfix">

				
				<h2 class="post-title"><a href="servicios.php">Servicios</a></h2>
				
				<figure class="post-imagen"> 
					<a href="servicios.php"><img src="servicios.jpg"></a>
				</figure>
				
			</article>
			<article class="post clearfix">

				<h2 class="post-title"><a href="producto.php">Productos</a></h2>
				
				<figure class="post-imagen"> 
					<a href="producto.php"><img src="productos.jpg"></a>
				</figure>
				
			</article>
			<!-- /.post -->

		</div>
		<!-- /#content --> 
		
		
		<aside id="sidebar">

			<section class="widget">
				<h4 class="widgettitulo">OFRECEMOS</h4>
				<ul>
					<li><a href="servicios.php">Servicios</a></li>
					<li><a href="producto.php">Productos</a></li>
					<li><a href="eventos.php">Eventos</a></li>
				</ul>
			</section>
			
		</aside>
		<!-- /#sidebar -->

		<footer id="footer">
			
			<p>Cara Limpia Todos los Derechos Reservados</a></p>

		</footer>
		<!-- footer --> 	
	</div>
	<!-- /#pagewrap -->
</body>
</html>